//当用户点击提交按钮时，执行以下操作
//1. 获取用户输入的内容
//2. 将内容添加到 ul列表中

       //监听提交按钮的点击事件
       //获取 form 表单元素
const form = document.querySelector('form');
const input = document.querySelector('.form_input');

const toDoListArray = [];//存储待办事项的数组


form.addEventListener('submit', function(e) {
    e.preventDefault(); // 阻止表单的默认提交行为
    // console.log('用户点击了提交按钮');
    console.log(input.value);
    
    let itemId =String(Date.now());//生成一个唯一的id
    let toDoItem =input.value;//获取用户输入的内容
    

    //有一个函数，可以帮我把内容添加到数组
    //再有一个函数，将数组进行渲染
    
})

function addItemToArray(id,item){
    toDoListArray.push({
        itemId:id,
        itemText:item
    })
}
function addToDoItem(iditemId,itemText){
    
}


ul.addEventListener('click', function(e) {
    console.log(e.target.getAttribute('data-id'));
    //获取到被点击的li元素，并读取他的data-id属性


})
function removeItemFromArray(id){
    
}
function removeItemFromDom(id){
    
}